html {

	height:100%;
	margin: 0px;
	padding: 0px;
}
img {
	padding: 0;
	margin: 0;
	border:0;
}

div.sidephoto
{
	display:inline;margin: 0 0 15px 15px; width: 25%;float: right;text-align:center;
}
div.sidephoto img
{
	width: 100%;
}
div.sidephoto p
{
	text-align:center;
}

div.text_wrap {

	margin-top: 30px;
}
table,tr,td {
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	border-collapse: collapse;
}

a {
	text-decoration: none;
	color: #22D;
	cursor: pointer;
}

.button {
  font: bold 11px Arial;
  text-decoration: none;
  background-color: #EEEEEE;
  color: #333333;
  padding: 2px 6px 2px 6px;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #CCCCCC;
}

a:link,a:visited {
	color: #22D;
}

a:hover {
	color: #00f;
	text-decoration: underline;
}

body {
	background-color: #ddd;
	color: #333;
	margin: 0px;
	padding: 0px;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 400;
	height: 100%;
	display: block;
	margin: 0px;
	padding: 0px;
	
}
	

/* MAP */

#map_canvas
{

	/*
	padding:0;
	margin:0;
	max-width:100%;
	*/
	
}
.map 
{	
	float:right;height: 300px; width:500px;
		max-width:100%;
}
.map_small 
{	
    height: 250px; width:500px;
		max-width:100%;
	
	padding:0;
	margin:0;
}

#page
{

	clear: both; margin: auto;  height: 90%;
}

#main {
	display: block;

/* for full page scrolling */
	height: auto !important;
	height: 100%;
    margin:0;
    padding:0;

/* for scrolling div with fixed header */
/*
	height:1000px;
	overflow-y:auto;
*/	
}



#wrapper {
	background-color: #fff;
	width: 100%;
	max-width: 1200px;

	height:auto;
	min-height: 100%;

	margin-left: auto;
	margin-right: auto;
	padding-bottom: 30px;
	
}

h1,h2,h3,h4,h5 {
	font-weight: 300;
}

h1 {
	font-size: 30px;
	color: #68c;
	margin-bottom: 0px;
	margin-top: 0px;
	padding:0;
}

h2 {
	font-size: 26px;
	/*
	text-transform: uppercase;
	*/
	color: #68c;	
}
h2 {
	font-size: 26px;
	margin:5px;
   
}

h3 {
	font-size: 22px;
    text-decoration: underline;

	color: #68c;	
}

h4 {
	font-size: 18px;
	margin-bottom: 0px;
	margin-top: 0px;
}

h5 {
	font-size: 20px;
	text-transform: uppercase;	
	color: #68c;
	padding: 10px 0 0 0;
	margin:10px 0 0 0;
}


/* legislators */


/* list */

.person_name
{
	
}
span.short_bio 
{

	vertical-align: top;

}
div.leg_bio 
{
	clear:both;
	display:block;
	vertical-align: top;
	/*
	max-width:5%;
	*/
}
div.section_head {
     text-decoration: underline;
     font-weight: bold;

}
.tab {
	font-size: 18px;
	margin: 0px;
	padding: 8px 8px 0px 8px;
	border: 0px  solid;
	border-top-left-radius: 25px;	
	border-top-right-radius: 25px;	

	background-color: #eee;	
	/*
	-webkit-border-radius: 25px;
	
	 -moz-border-radius: 25px;
	 */
}
.tab_slected {
	border: 1px white solid;	
	background-color: white;		

	}
.tabbody
{
	border: 0px white none;
	background-color: white;
	padding:10px;
	margin:0px;
	min-height: 500px;
	
}
#tablist
{
	background-color: #aaa;		
	padding:15px;
	
}
div.leg_thumb 
{
	
	display:inline-block;
	vertical-align: top;
	width:180px;	
	max-width:20%;
	
	
	
}
div.leg_thumb img
{
	vertical-align: top;
	
	width:100%;
	/*
	width:100px;
	max-width:15%;
	*/
	
}
tr.leglist {
	border: 0px;
	border-top: 4px solid #ccc;
}
.leglist > td {
	border: 0px;
}
.tbl_leglist {
	width: 100%;
	border: 0px;
}
.tbl_leglist img{
	display:inline;
	width:150px;
}
.tbl_leglist h2 {
		margin: 0px;
	padding: 0px;
	vertical-align: top;
}
.tbl_leglist hr {
	border-top: 4px solid #ccc;
}
/* info page */
.leg_val {
	padding:1px;	
	padding-left: 20px;
	max-width:60%;
	color: black;
}
.leg_label {
	color: #555;
}
.leg_info {
	display:inline-block;
	max-width: 70%;	
	padding: 10px;
}
.leg_info table {

	margin:  10px 0 10px 0;
}
.leg_info table tr:nth-of-type(even) {

	background-color: #f0f0f0;
}
.leg_info table tr:nth-of-type(odd) {

	background-color: #f8f8f8;
}
/* vote history */
.votegood
{
	color: green;
}
.endorsesmall
{
	display:inline;
	width:25px;
}
.endorse
{
	display:inline;
	width:40px;
}
.votebad
{
	color: red;
}
table.votes 
{
	padding: 10px;	
	margin:10px;
	
}
table.votes td,th
{
	padding: 10px;	
}
table.votes tr:nth-of-type(even) {

	background-color: #f0f0f0;
}
table.votes tr:nth-of-type(odd) {

	background-color: #f8f8f8;
}


@media all and  (max-width: 600px) {
	div.leg_thumb 
	{
		display:block;
	}
	.leg_info {
		max-width: 100%;	
	}	
	.leg_val {
	
		max-width:70%;
	}	
}
	
}
@media all and (min-height: 600px) and (min-width: 600px) {

	
}
@media all and (min-height: 700px) and (min-width: 700px) {

	
}
@media all  and (min-width: 800px){
	.text_wrap {
	margin-left: 30px;
	margin-right: 30px;
	
	}	
	
}

@media all and (min-height: 800px) and (min-width: 800px) {
	#page
	{
	
		 padding: 10px 20px 0 20px; 
	}
	#main {
		margin: 20px;
	}	

	
}
@media all and (min-height: 900px) and (min-width: 900px) {

}


